<!DOCTYPE html>
<html>
    <head>
        <meta charset="utf-8">
        <title>设计用户登记表单</title>
    </head>
    <body>
        <h1>参考浏览器：Google Chrome 104.0.5112.102</h1>
        <form style="border-width: 3px; border-color: #336699; border-style:solid; width:1000px; height:600px;" >
            <p style="text-align:center; color:chartreuse; font-size:7ex; font-family:YouYuan">用户登记</p>
            <p style="text-align:center;">亲爱的用户，欢迎您访问我们的网站，请填写您的个人信息，便于我们及时与您联系。</p>
            <table align="center">
                <tr>
                    <td>姓名:</td>
                    <td><input type="text" name=""></td>
                    <td>年龄:</td>
                    <td><input type="text" name=""></td>
                    <td>性别:</td>
                    <td colspan="2" style="text-align:center"><input type="radio" name="sex" value="male">男</td>
                    <td colspan="2" style="text-align:center"><input type="radio" name="sex" value="famale">女</td>
                </tr>
                <tr>
                    <td>文化程度</td>
                    <td>
                        <select name="science-status">
                            <option value="0"></option>
                            <option value="1">小学</option>
                        </select>
                    </td>
                    <td>职业：</td>
                    <td>
                        <select name="job">
                            <option value="0"></option>
                            <option value="1">cs</option>
                        </select>
                    </td>
                    <td>Email:</td>
                    <td colspan="4"><input type="text" name="Email"></td>
                </tr>
                <tr>
                    <td>您的爱好：</td>
                </tr>
                <tr>
                    <td></td>
                    <td style="text-align:center"><input type="checkbox"></td>
                    <td>电影</td>
                    <td style="text-align:center"><input type="checkbox"></td>
                    <td>运动</td>
                    <td style="text-align:center"><input type="checkbox"></td>
                    <td>音乐</td>
                    <td style="text-align:center"><input type="checkbox"></td>
                    <td>跳舞</td>
                </tr>
                <tr>
                    <td></td>
                    <td style="text-align:center"><input type="checkbox"></td>
                    <td>阅读</td>
                    <td style="text-align:center"><input type="checkbox"></td>
                    <td>上网</td>
                    <td style="text-align:center"><input type="checkbox"></td>
                    <td>聊天</td>
                    <td style="text-align:center"><input type="checkbox"></td>
                    <td>交友</td>
                </tr>
            </table>
            
            <input type="submit" value="提交">
            <input type="reset" value="清空该表单中的所填写的数据">
            <!-- 姓名：<input type="text" name=""><br> -->
        </form>
    </body>
</html>